<template>
  <div>
    <input :type="type" :value="value" @input="inputChange" :placeholder="placeholder" />
  </div>
</template>

<script>
export default {
  name: "",
  
  props: {
    value: "",
    type: {
      type: String,
      default: "text",
    },
    placeholder: {
      type: String,
      default: "请输入",
    },
  },
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {
    inputChange(e) {
      this.$emit("input", e.target.value);
    },
  },
};
</script>

<style lang='scss' scoped>
</style>